<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<link rel="stylesheet" type="text/css" href="../common.css" />
	<style type="text/css">
		body {
			background: #222;
		}

		h1 {
			animation: scaleIn 2s linear infinite alternate;
			font-size: 40px;
			color: #fff;
			text-shadow: 2px 2px 20px pink;
		}

		@keyframes scaleIn {



			/* 2% {
				transform: translate(6px, -2px) rotate(3.5deg);
			}

			4% {
				transform: translate(5px, 8px) rotate(-0.5deg);
			}

			6% {
				transform: translate(6px, -3px) rotate(-2.5deg);
			}

			8% {
				transform: translate(4px, -2px) rotate(1.5deg);
			}

			10% {
				transform: translate(-6px, 8px) rotate(-1.5deg);
			}

			12% {
				transform: translate(-5px, 5px) rotate(1.5deg);
			}

			14% {
				transform: translate(4px, 10px) rotate(3.5deg);
			}

			16% {
				transform: translate(0px, 4px) rotate(1.5deg);
			}

			18% {
				transform: translate(-1px, -6px) rotate(-0.5deg);
			}

			20% {
				transform: translate(6px, -9px) rotate(2.5deg);
			}

			22% {
				transform: translate(1px, -5px) rotate(-1.5deg);
			}

			24% {
				transform: translate(-9px, 6px) rotate(-0.5deg);
			}

			26% {
				transform: translate(8px, -2px) rotate(-1.5deg);
			}

			28% {
				transform: translate(2px, -3px) rotate(-2.5deg);
			}

			30% {
				transform: translate(9px, -7px) rotate(-0.5deg);
			}

			32% {
				transform: translate(8px, -6px) rotate(-2.5deg);
			}

			34% {
				transform: translate(-5px, 1px) rotate(3.5deg);
			}

			36% {
				transform: translate(0px, -5px) rotate(2.5deg);
			}

			38% {
				transform: translate(2px, 7px) rotate(-1.5deg);
			}

			40% {
				transform: translate(6px, 3px) rotate(-1.5deg);
			}

			42% {
				transform: translate(1px, -5px) rotate(-1.5deg);
			}

			44% {
				transform: translate(10px, -4px) rotate(-0.5deg);
			}

			46% {
				transform: translate(-2px, 2px) rotate(3.5deg);
			}

			48% {
				transform: translate(3px, 4px) rotate(-0.5deg);
			}

			50% {
				transform: translate(8px, 1px) rotate(-1.5deg);
			}

			52% {
				transform: translate(7px, 4px) rotate(-1.5deg);
			}

			54% {
				transform: translate(10px, 8px) rotate(-1.5deg);
			}

			56% {
				transform: translate(-3px, 0px) rotate(-0.5deg);
			}

			58% {
				transform: translate(0px, -1px) rotate(1.5deg);
			}

			60% {
				transform: translate(6px, 9px) rotate(-1.5deg);
			}

			62% {
				transform: translate(-9px, 8px) rotate(0.5deg);
			}

			64% {
				transform: translate(-6px, 10px) rotate(0.5deg);
			}

			66% {
				transform: translate(7px, 0px) rotate(0.5deg);
			}

			68% {
				transform: translate(3px, 8px) rotate(-0.5deg);
			}

			70% {
				transform: translate(-2px, -9px) rotate(1.5deg);
			}

			72% {
				transform: translate(-6px, 2px) rotate(1.5deg);
			}

			74% {
				transform: translate(-2px, 10px) rotate(-1.5deg);
			}

			76% {
				transform: translate(2px, 8px) rotate(2.5deg);
			}

			78% {
				transform: translate(6px, -2px) rotate(-0.5deg);
			}

			80% {
				transform: translate(6px, 8px) rotate(0.5deg);
			}

			82% {
				transform: translate(10px, 9px) rotate(3.5deg);
			}

			84% {
				transform: translate(-3px, -1px) rotate(3.5deg);
			}

			86% {
				transform: translate(1px, 8px) rotate(-2.5deg);
			}

			88% {
				transform: translate(-5px, -9px) rotate(2.5deg);
			}

			90% {
				transform: translate(2px, 8px) rotate(0.5deg);
			}

			92% {
				transform: translate(0px, -1px) rotate(1.5deg);
			}

			94% {
				transform: translate(-8px, -1px) rotate(0.5deg);
			}

			96% {
				transform: translate(-3px, 8px) rotate(-1.5deg);
			}

			98% {
				transform: translate(4px, 8px) rotate(0.5deg);
			}

			0%,
			100% {
				transform: translate(0, 0) rotate(0);
			} */

			40% {
				opacity: 1;
				transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
				animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
			}

			100% {
				opacity: 0;
				transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
				animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
			}
		}
	</style>
	<body>
		<h1>苏苏来了</h1>
	</body>
</html>
